<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Document</title>
        <link rel="shortcut icon" href="../images/favicon.ico"/> 
        <link rel="stylesheet" href="../css/bootstrap.css">
        <script language="JavaScript" src="../js/jquery.js"></script>
        <script src="../js/bootstrap.js"></script>
        <link rel="stylesheet" href="../css/activity.css">
        <link rel="stylesheet" href="../node_modules/animate.css/animate.css">
        
    </head>
    <body>
      <!-- 导航栏 -->
        <div class="top">
           <p class="left">
            
               <span class="s1"></span>
               <span class="s2">诚信立约</span>
           </p>
           <p class="right">
                <a class="right_a"> <img src="../images/log.png" alt="">登陆</a> 
                <b></b>
                <a>串合同  </a>
                <a>写合同  </a>
                <a>智能合同</a>
                <a>悦合同  </a> 
                <a href="./yuedu.html">悦读 </a>
                <a class="menu"><img src="../images/cai.png"></a>    
           </p>

        </div>
      <!-- 轮播图 -->
        <div class="scoll visible-md visible-lg">
          <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
              <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
              <li data-target="#carousel-example-generic" data-slide-to="1"></li>
              <li data-target="#carousel-example-generic" data-slide-to="2"></li>
              <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            </ol>
          
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
              <div class="item active">
                <img src="../images/lun1.jpg" alt="新浪网跟踪报道-悦合同：从创业到普法—一个企业的社会责任">
                <div class="carousel-caption">
                  ...
                </div>
              </div>
              <div class="item">
                <img src="../images/lun2.jpg" alt="...">
                <div class="carousel-caption">
                  ...
                </div>
              </div>
              <div class="item">
                <img src="../images/lun3.jpg" alt="...">
                <div class="carousel-caption">
                  ...
                </div>
              </div>
              <div class="item">
                <img src="../images/lun4.jpg" alt="...">
                <div class="carousel-caption">
                  ...
                </div>
              </div>
            </div>
         
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
             
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" >
              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true" ></span>
          
            </a>
          </div>
        </div>
        <!-- 中间主要内容 -->
        <h3>悦 · 活动</h3>
        <p class="title">最接地气的法律干活分享荟</p>
        <div class="row con container">
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c1.png);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c2.png);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c3.jpg);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c4.png);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c5.jpg);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c6.jpg);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c7.jpg);"></b></p> 
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c8.jpg);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p> <b style="background-image: url(../images/c9.png);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p> <b style="background-image: url(../images/c10.jpg);"></b></p> 
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c11.jpg);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c12.png);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c13.png);"></b></p> 
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c14.jpg);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c15.jpg);"></b></p> 
                    <span>悦合同：从创业到普法——一个企业的社会责任</span> 
                </a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                <a href="">
                    <p><b style="background-image: url(../images/c16.png);"></b></p>
                    <span>悦合同：从创业到普法——一个企业的社会责任</span>        
                </a>
            </div>
        </div>
          <!-- 脚部分内容 -->
        <div class="footer">
          <div class="row foot container">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
              <div class="row child ">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                  <span> 产品</span>
                  <a href="">写合同</a>
                  <a href="">审合同</a>
                  <a href="">合同顾问</a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                  <span>政策</span>
                  <a href="">服务协议</a>
                  <a href="">常见问题</a>
                  <a href="">会员政策</a>
                  <a href="">会员权益</a>
                  <a href="">定价标准</a>               
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
              <div class="row child">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                  <span>公司</span>    
                  <a>品牌故事</a>
                  <a>关于我们</a>
                  <a>联系我们</a>
                  <a>加入我们</a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                 <span>资源</span>  
                  <a href="">网站地图</a>  
                  <a href="">意见反馈</a>   
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 address">
              <span>© 悦合同<a href="">yuehetong.com</a> </span>
              <span><a href="">粤ICP备16004471号-1</a></span>
            </div>
          </div>
        </div>
        <!-- 侧边栏 -->
        
          <span class="goup">
            <i class="glyphicon glyphicon-menu-up up"></i>
          </span>
          <div class="wc">
            <u>微信客服</u>  
            <b><img src="../images/weixin.png" alt=""></b>
            <p class="code">
            <em><img src="../images/wxcode.jpg" alt=""></em>
            <span>
              微信扫码咨询,请备注"<b>合同服务</b>"
            </span>
          </p>
          </div>
        <script src="../js/activity.js"></script>
    </body>
</html>








